/*===========================================================================================
+ @Theme Name: Default
+ @Description: Custom default theme developed by Leidson Cruz.
+ @Author: Leidson Cruz
+ @Author URI: http://leidsondias.com.br/
+ @Project:	Canvas for All
+ @Version: 1.0
+-------------------------------------------------------------------------------------------*/

/*[Table of contents]

        01. Global
        02. Notifier Panel
        03. Page content
        04. App Header
        05. Quadrants
        
 */

/*=========================================================================================== 
+ @for:            Global
+ @description:    Configs for all pages
+-------------------------------------------------------------------------------------------*/
ul {
	list-style: none;
	color: white;
}
.main-logo {
	background: url('../images/main_logo.png') no-repeat center;
	height: 43px;
}

.icon {
	min-height: 35px;
	min-width: 35px;
	border: none;
}

.icon.icon-not {
	background: url('../images/icon-not.png') no-repeat center;
}

.icon.icon-bar {
	background: url('../images/icon-bar.png') no-repeat center;
}

.icon.icon-back {
	background: url('../images/icon-back.png') no-repeat center;
}

.home {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('../images/home.jpg') no-repeat center;
}

.ui-body-c .ui-link {
	text-decoration: none;
	color: #FFF;
}

.ui-panel.ui-panel-open {
	position: fixed;
}

.ui-panel-inner {
	position: absolute;
	top: 1px;
	left: 0;
	right: 0;
	bottom: 0px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

.overlay{
	font-family: arial;
	width: 100%;
	height: 82px;
	position:absolute;
	background: #000;
	opacity:0.90;
	font-size: 100px;
	text-align: center;
	line-height: 82px;
}

/*=========================================================================================== 
+ @for:            Notifier Panel
+ @description:    Configs for notifier panel on fixed top toolbar app
+-------------------------------------------------------------------------------------------*/
.notifier-title {
	font-size: 10px;
	font-weight: bold;
}

.notifier-content {
	font-size: 12px;
}

.notifier-date {
	font-size: 9px;
	color: #3C3C3C;
}

/*=========================================================================================== 
+ @for:            Page content
+ @description:    
+-------------------------------------------------------------------------------------------*/
.main.ui-content {
	padding: 20px 5px;
	position: absolute;
	width: 100%;
	height: 89%;
	background: #f3f3f3;
}

.proj-items {
	width: 159px;
	overflow:auto;
	background: #00aeef;
	font-family: "SquareFont";
	font-size: 20px;
	text-align: center;
}

ul.projetos li {
	float: left;
	position: relative;
	margin: 0 30px 30px 0;
}

.proj-items .title {
	padding: 5px 0;
	/* text-transform: capitalize !important; */
}

.icon-delete {
	position: absolute;
	top: 0;
	right: 0;
}
/*=========================================================================================== 
+ @for:            Header
+ @description:    
+-------------------------------------------------------------------------------------------*/
#appHeader {
	background: #a3c2e5;
	border: none;
}

#appHeader > h1 {
	font-size: 20px !important;
	font-family: "Courier Newl" !important;
	text-shadow: 1px 1px 1px #333;
	font-weight: bold !important;
	letter-spacing: 3px !important;*/
}

/*=========================================================================================== 
+ @for:            Quadrants
+ @description:    
+-------------------------------------------------------------------------------------------*/
.column {
	height: 100%;
	float: left;
}

.column.x1 {
	width: 20%;
}

.column.x2 {
	width: 40%;
}

.column.x4 {
	width: 50%;
}

.quadrants {
	background: #fff;
	border: 1px solid #d2d2d2;
	margin: 0 5px 5px 0;
}



.justification {background: #fff url('../images/quadrant-justication.png') no-repeat 10% 0;height: 25%;}
.obj {background: #fff url('../images/quadrant-obj.png') no-repeat 10% 0;height: 25%;}
.benefits {background: #fff url('../images/quadrant-benefits.png') no-repeat 10% 0;height: 50%;}
.products {background: #fff url('../images/quadrant-product.png') no-repeat 10% 0;height: 25%;}
.requirements {background: #fff url('../images/quadrant-requirements.png') no-repeat 10% 0;height: 76.2%;}
.stakeholders {background: #fff url('../images/quadrant-stakeholders.png') no-repeat 10% 0;height: 35%;}
.team {background: #fff url('../images/quadrant-team.png') no-repeat 10% 0;height: 40%;}
.assumptions {background: #fff url('../images/quadrant-assumptions.png') no-repeat 10% 0;height: 35%;}
.groups {background: #fff url('../images/quadrant-groups.png') no-repeat 10% 0;height: 40%;}
.restrictions {background: #fff url('../images/quadrant-restrictions.png') no-repeat 3% 0;height: 23%;
	position: absolute;top:76%;width:39.2%;}
.risks {background: #fff url('../images/quadrant-risks.png') no-repeat 10% 0;height: 35%;}
.timeline {background: #fff url('../images/quadrant-timeline.png') no-repeat 10% 0;height: 35%;}
.costs {background: #fff url('../images/quadrant-costs.png') no-repeat 10% 0;height: 30%;}


.q_info{
	float: right;
}

